import React from 'react';
import Son from './son';//引入子组件
import NavHome from '../NavHome/NavHome';
import './Context.scss'
// 创建一个 theme Context,
export const {Provider,Consumer} = React.createContext("默认名称");
export default function Context () {
    let data ={
        my:'我要给他们传值了',
        son:'我是从父亲来的',
        grandson:'我是从父亲的父亲来的'
    }
    return (
        //Provider共享容器 接收一个name属性
        <Provider value={data}>
            <div className="context">
                <p>我是父级{data.my}</p>
                <Son />
            </div>
            <NavHome/>
        </Provider>
    )
    
}